<template>
<div>
  <h1>用户页面</h1>
  <h2>{{$route.params.id}}</h2>
  <h>我的id是:{{id}}  标题是:{{title}}</h>
</div>
</template>

<script>
export default {
  name: "user",
  created(){

  },
  props:['id','title'],
  watch:{
    $route:(to,from)=>{
      console.log(to.params.id)
      // 发起请示 请示后端的数据
    }
  },
  // 导航守卫
  beforeRouteUpdate(to,from,next){

    // 一定要调用 next,否则会路由阻塞
    next()
  }
}
</script>

<style scoped>

</style>
